$(function () {
    // console.log(1)
    let currentPage = 1
    //文章分类的动态渲染
    $.ajax({
        url: bignews.category_list,
        headers: { Authorization: localStorage.getItem('bignews_69_token') },
        // data: {},
        datatype: 'json',
        success: function (res) {
            console.log(res)
            $('#selCategory').html(template('cateTemp', res))
        }
    })



    function init(type, state) {
        //动态渲染生成列表
        $.ajax({
            url: bignews.article_query,
            headers: { Authorization: localStorage.getItem('bignews_69_token') },
            data: { page: currentPage, perpage: 6, type, state },
            datatype: 'json',
            success: function (res) {
                console.log(res)

                $('tbody').html(template('articeList', res))
                setPage(res.data.totalPage)
            }

        })
    }
    init()


    //实现文章筛选
    $('#btnSearch').on('click', function () {
        console.log($('#selCategory').val())
        console.log($('#selStatus').val())
        // $.ajax({
        //     url: bignews.article_query,
        //     headers: { Authorization: localStorage.getItem('bignews_69_token') },
        //     data: { type: $('#selCategory').val(), state: $('#selStatus').val() },
        //     datatype: 'json',
        //     success: function (res) {
        //         // console.log(res)
        //         $('tbody').html(template('articeList', res))
        //     }

        // })
        // init({ type: $('#selCategory').val(), state: $('#selStatus').val() })

        init($('#selCategory').val(), $('#selStatus').val())
        //渲染分页结构
        setPage(res.data.totalPage)

    })

    //实现分页结构的动态生成和分页功能
    //pageSum:总页数
    function setPage(pageSum) {
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            numberOfPages: 10,
            // 显示第几页
            currentPage: currentPage,
            // 总页数
            totalPages: pageSum,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event, originalEvent, type, page) {
                console.log(123)
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                currentPage = page
                // init($('#selCategory').val(), $('#selStatus').val())
                init()

            }
        })
    }

    // 实现文章删除(动态生存,所以用委托事件)
    $('tbody').on('click', '.btndelete', function () {
        console.log(1)
        //data()记得加data-id
        let id = $(this).data().id

        console.log(id)

        $.ajax({
            type: 'post',
            url: bignews.article_delete,
            data: { id },
            datatype: 'json',
            headers: { Authorization: localStorage.getItem('bignews_69_token') },
            success: function () {
                alert('删除成功')

                // if ($('.tbody').children().length == 1) {
                //     //说明这条记录本质是不存在
                //     if (currentPage > 1) {//如果页面大于1,才能
                //         currentPage--
                //     }
                // }
                init($('#selCategory').val(), $('#selStatus').val())
            }
        })

    })

})